<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">

    <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
    Remove this if you use the .htaccess -->
    <meta name="viewport" content="width=device-width; initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <!-- 360高速模式-->
    <meta name="description" content="bootstrap基本模板">
    <meta name="author" content="chengt01">
    <meta name="keywords" content="bootstrap,html5,css3">
    <title>index</title>
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../styles/site.css"/>
    <!--[if lt IE 9]>
    <script src="../scripts/html5.min.js"></script>
    <script src="../scripts/respond.min.js"></script>
    <![endif]-->
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="../bootstrap/js/bootstrap.js"></script>
    <script type="text/javascript" src="../scripts/angular-1.4.0.min.js"></script>
    <script type="text/javascript" src="../js/controller.js"></script>
    <script type="text/javascript" src="../js/module.js"></script>
</head>

<body class="container">
<header class="page-header">
    <h1>个税计算器
    </h1>
</header>

<section>
    <div data-ng-app="appTax" data-ng-controller="taxCtrl">
        <div class="row">
            <div class="col-sm-8">
                <div class="input-group">
                    <span class="input-group-addon">
                        请输入税前工资：
                    </span>
                    <input type="text"  data-ng-model="basicSalary" class="form-control">
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-8">
                <div class="input-group">
                    <span class="input-group-addon">
                        你的税后工资是：
                    </span>
                    <input type="text" class="form-control">
                </div>
            </div>
        </div>
        <div class="row">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <code>社保和公积金缴纳明细(参数可调整)</code>
                </div>
                <div class="panel-body">
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="row">
                                <div class="col-sm-5" style="line-height: 35px;">
                                    <small>缴纳基数￥：社保</small>
                                </div>
                                <div class="col-sm-7">
                                    <input type="text" class="form-control">
                                </div>
                            </div>
                            <div class="row">
                                <span>缴纳比例：单位缴纳</span>
                            </div>
                            <div class="row">

                                <!--养老-->
                                <div class="input-group input-group-sm">
                                    <span class="input-group-addon"><input type="checkbox" checked></span>
                                    <span class="input-group-addon">&nbsp;&nbsp;&nbsp;&nbsp;养老：</span>
                                    <input type="text" class="form-control">
                                    <span class="input-group-addon">%</span>
                                    <span class="input-group-addon">￥16000</span>
                                </div>
                                <!--医疗-->
                                <div class="input-group input-group-sm">
                                    <span class="input-group-addon"><input type="checkbox" checked></span>
                                    <span class="input-group-addon">&nbsp;&nbsp;&nbsp;&nbsp;医疗：</span>
                                    <input type="text" class="form-control">
                                    <span class="input-group-addon">%</span>
                                    <span class="input-group-addon">￥16000</span>
                                </div>
                                <!--失业-->
                                <div class="input-group input-group-sm">
                                    <span class="input-group-addon"><input type="checkbox" checked></span>
                                    <span class="input-group-addon">&nbsp;&nbsp;&nbsp;&nbsp;失业：</span>
                                    <input type="text" class="form-control">
                                    <span class="input-group-addon">%</span>
                                    <span class="input-group-addon">￥16000</span>
                                </div>
                                <!--工伤-->
                                <div class="input-group input-group-sm">
                                    <span class="input-group-addon"><input type="checkbox" checked></span>
                                    <span class="input-group-addon">&nbsp;&nbsp;&nbsp;&nbsp;工伤：</span>
                                    <input type="text" class="form-control">
                                    <span class="input-group-addon">%</span>
                                    <span class="input-group-addon">￥16000</span>
                                </div>
                                <!--生育-->
                                <div class="input-group input-group-sm">
                                    <span class="input-group-addon"><input type="checkbox" checked></span>
                                    <span class="input-group-addon">&nbsp;&nbsp;&nbsp;&nbsp;生育：</span>
                                    <input type="text" class="form-control">
                                    <span class="input-group-addon">%</span>
                                    <span class="input-group-addon">￥16000</span>
                                </div>
                                <!--公积金-->
                                <div class="input-group input-group-sm">
                                    <span class="input-group-addon"><input type="checkbox" checked></span>
                                    <span class="input-group-addon">公积金：</span>
                                    <input type="text" class="form-control">
                                    <span class="input-group-addon">%</span>
                                    <span class="input-group-addon">￥16000</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="row">
                                <div class="col-sm-5" style="line-height: 35px;">
                                    <small>公积金</small>
                                </div>
                                <div class="col-sm-7">
                                    <input type="text" class="form-control">
                                </div>
                            </div>
                            <div class="row">
                                <span> 个人缴纳</span>
                            </div>
                            <div class="row">
                                <!--养老-->
                                <div class="input-group input-group-sm">
                                    <span class="input-group-addon hidden-sm hidden-dm hidden-lg">养老：</span>
                                    <input type="text" class="form-control">
                                    <span class="input-group-addon">%</span>
                                    <span class="input-group-addon">￥16000</span>
                                </div>
                                <!--医疗-->
                                <div class="input-group input-group-sm">
                                    <span class="input-group-addon hidden-sm hidden-dm hidden-lg">医疗：</span>
                                    <input type="text" class="form-control">
                                    <span class="input-group-addon">%</span>
                                    <span class="input-group-addon">￥16000</span>
                                </div>
                                <!--失业-->
                                <div class="input-group input-group-sm">
                                    <span class="input-group-addon hidden-sm hidden-dm hidden-lg">失业：</span>
                                    <input type="text" class="form-control">
                                    <span class="input-group-addon">%</span>
                                    <span class="input-group-addon">￥16000</span>
                                </div>
                                <!--工伤-->
                                <div class="input-group input-group-sm">
                                    <span class="input-group-addon hidden-sm hidden-dm hidden-lg">工伤：</span>
                                    <input type="text" class="form-control">
                                    <span class="input-group-addon">%</span>
                                    <span class="input-group-addon">￥16000</span>
                                </div>
                                <!--生育-->
                                <div class="input-group input-group-sm">
                                    <span class="input-group-addon hidden-sm hidden-dm hidden-lg">生育：</span>
                                    <input type="text" class="form-control">
                                    <span class="input-group-addon">%</span>
                                    <span class="input-group-addon">￥16000</span>
                                </div>
                                <!--公积金-->
                                <div class="input-group input-group-sm">
                                    <span class="input-group-addon hidden-sm hidden-dm hidden-lg">公积金：</span>
                                    <input type="text" class="form-control">
                                    <span class="input-group-addon">%</span>
                                    <span class="input-group-addon">￥16000</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="row">
                                单位共缴纳：￥3358.00
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="row">
                                个人共缴纳：￥1779.00
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-2"> 个税明细</div>
                            <div class="col-sm-2"><input type="radio">&nbsp;旧个税</div>
                            <div class="col-sm-2"><input type="radio">&nbsp;现行个税</div>
                            <div class="col-sm-2"> 缴纳个税</div>
                            <div class="col-sm-4"><span class="text-info"> ￥167.00</span></div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<footer class="navbar-fixed-bottom label-info text-center">
    <p>
        Copyright &copy;
        <abbr title="tarnna">hajiang</abbr>&trade; 2015
    </p>
</footer>

</body>
</html>
